.main {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.tablo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
}

.panel {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1.6cm;
	height: 0px;
}

.panelButton {
	position: relative;
	width: 1.2cm;
	height: 1.2cm;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.1cm;
	overflow: hidden;
	cursor: pointer;

	border-style: outset;
	border-width: 0.06cm;
	border-color: transparent;
}

.panelButtonEpilogi {
	background-color: #E6E68A;
	border-color: #E6E68A;
}

.panelIcon {
	position: absolute;
	top: 0.1cm;
	left: 0.1cm;
	width: 1.0cm;
	height: 1.0cm;
}

.paleta {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
}

.istoriko {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0px;
}

.paraskinioThumb {
	position: relative;
	float: left;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent;
	cursor: pointer;
}

.paraskinioThumbCurrent {
	border-color: yellow;
}

.paraskinioThumbPreview {
	border-style: dotted;
	border-color: yellow;
}

.ikopedo {
	position: absolute;
	width: 0px;
	height: 0px;
	background-color: #E6E68A;
}

.diamperes {
	background-color: none;
}

.epilegmeno {
	background-color: #FF6600;
}

.tetragono {
	position: absolute;
	background-color: teal;
	cursor: pointer;
}

.plakidio {
	position: absolute;
	text-align: center;
	font-weight: bold;
	color: #16130E
	background-color: #FFFFFF;
	cursor: pointer;
}

.latin {
	padding-top: 0.07cm;
}

.taken {
	position: relative;
	display: none;
}

.dekto {
	visibility: hidden;
	position: absolute;
	background-color: #339933;
}

.kato {
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 1;
}

.paraKato {
	opacity: 0.1;
	filter: alpha(opacity=10);
	z-index: 1;
}

.pano {
	z-index: 2;
}

.kinisi {
	cursor: move;
	z-index: 3;
}

.skia {
	box-shadow: 4px 4px 8px #888888;
}

.kontino {
	display: inline;
	background-color: #A3A3C2;
}

.isagogi {
	font-size: 0.6cm;
	font-style: italic;
	text-align: justify;

	transition: opacity 4s;
	-moz-transition: opacity 4s;
	-webkit-transition: opacity 4s;
	-o-transition: opacity 4s;
}

.copyright {
	font-style: italic;
	text-align: right;
}

.adinato {
	position: absolute;
	background-color: #FF0000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 3;
	display: none;
}

.debug {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	font-size: 0.3cm;
	font-family: "Courier New", "Courier New", monospace;
	background-color: #FFFF66;
	color: #000099;
	overflow: auto;
}

.debugTitlos {
	min-height: 2px;
	background-color: #FF6600;
}

.debugIpotitlos {
	min-height: 2px;
	background-color: #FF5050;
}

.debugMinima {
	min-height: 2px;
}

.doneIcon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 3.0cm;
	z-index: 3;
}
